<template>
    <!-- 查找产品 -->
    <div>
        <el-dialog
                class="search-customer"
                title="查找产品报价"
                :visible.sync="dialogshow"
                :before-close="dialogClose"
                top="10vh"
                width="90%"
                :fullscreen="fullscreen"
                style="display: none"
        >
            <dialog-tools
                    v-bind:back="true"
                    v-bind:next="true"
                    v-bind:goback="true"
                    v-bind:prev="true"
                    v-bind:screen="true"
                    @clickfullscreen="clickfullscreen"
            >
            </dialog-tools>
            <div>
                <el-row style="margin-bottom:10px;">
                    <el-input
                            placeholder
                            v-model="inputSearch1"
                            class="input-with-select-1 input-search-1"
                            style="width: 450px;"
                            speech
                            x-webkit-speech
                            size="large"
                    >
                        <el-select
                                v-model="selectsearch1"
                                slot="prepend"
                                placeholder="请选择"
                                style="width: 120px"
                        >
                            <el-option label="客户名称" value="1"></el-option>
                            <el-option label="物品名称" value="2"></el-option>
                            <el-option label="报价单号" value="2"></el-option>
                            <el-option label="款号" value="3"></el-option>
                            <el-option label="id" value="4"></el-option>
                            <!-- <el-option label="序号id" value="5"></el-option> -->
                        </el-select>
                        <!-- <i slot="prefix" class="iconfont iconpaizhao1"></i> -->
                        <el-button slot="append" icon="el-icon-search" style="height: 47px"
                        >查询
                        </el-button
                        >
                    </el-input>
                    <el-select v-model="searchType" placeholder="类别" style="top:12px;margin-left:10px;">
                        <!-- <el-option label="全部" value="5"></el-option> -->
                        <el-option label="产品" value="1"></el-option>
                        <el-option label="预算报价" value="2"></el-option>
                        <!-- <el-option label="其它报价" value="3"></el-option> -->
                        <!-- <el-option label="其它" value="3"></el-option> -->
                    </el-select>
                </el-row>
                <el-table
                        ref="multipleTable"
                        stripe
                        :data="tableData"
                        :show-summary="false"
                        border
                        height="500"
                        row-class-name="tableRow"
                        header-row-class-name="tableHeader"
                        :highlight-current-row="true"
                        @row-dblclick="openInfo"
                        style="width: 100%; border-top: 1px solid #c5c5c5"
                >
                    <el-table-column type="selection" width="55"></el-table-column>
                    <el-table-column prop="id" label="序号" sortable width="80">
                    </el-table-column>
                    <el-table-column prop="image" label="图片" width="120">
                        <template scope="scope">
                            <img
                                    :src="scope.row.image"
                                    width="40"
                                    height="40"
                                    class="head_pic"
                            />
                        </template>
                    </el-table-column>
                    <el-table-column prop="wpmc" label="物品名称" sortable width="120">
                    </el-table-column>
                    <el-table-column prop="price" label="价格" sortable width="120">
                    </el-table-column>
                    <el-table-column prop="wppl" label="物品品类" sortable width="120">
                    </el-table-column>
                    <el-table-column prop="kh" label="款号" sortable width="120">
                    </el-table-column>
                    <el-table-column prop="wpdj" label="物品等级" sortable width="120">
                    </el-table-column>
                    <el-table-column prop="dw" label="单位" sortable width="80">
                    </el-table-column>
                    <el-table-column prop="gg" label="规格" sortable width="120">
                    </el-table-column>
                    <el-table-column prop="cc" label="尺寸" sortable width="120">
                    </el-table-column>
                    <el-table-column prop="gjspl" label="贵金属品类" sortable width="120">
                    </el-table-column>
                    <el-table-column prop="gjsys" label="贵金属颜色" sortable width="120">
                    </el-table-column>
                    <el-table-column prop="zsmc" label="主石名称" sortable width="120">
                    </el-table-column>
                    <el-table-column prop="zsys" label="主石颜色" sortable width="120">
                    </el-table-column>
                    <el-table-column prop="fsmc" label="副石名称" width="120">
                    </el-table-column>
                    <el-table-column prop="fsys" label="副石颜色" width="120">
                    </el-table-column>
                    <!-- <el-table-column prop="jbgh" label="基本工费" width="120">
                  </el-table-column>
                  <el-table-column prop="xsh" label="镶石费" width="120">
                  </el-table-column>
                  <el-table-column prop="pjh" label="配件费" width="120">
                  </el-table-column>
                  <el-table-column prop="zsh" label="证书费" width="120">
                  </el-table-column>
                  <el-table-column prop="bzhh" label="包装盒费" width="120">
                  </el-table-column>
                        <el-table-column prop="bzhh" label="包装盒费" width="120">
                  </el-table-column>
                              <el-table-column prop="sl" label="税率" width="120">
                  </el-table-column>-->
                    <el-table-column prop="hsj" label="含税价" width="120">
                    </el-table-column>
                    <el-table-column prop="bhwj" label="不含税价" width="120">
                    </el-table-column>
                    <el-table-column prop="cjr" label="创建人" width="120">
                    </el-table-column>
                    <el-table-column prop="create_time" label="创建时间" width="120">
                    </el-table-column>
                    <el-table-column prop="update_time" label="更新时间" width="120">
                    </el-table-column>
                </el-table>
                <div class="block">
                    <el-pagination layout="prev, pager, next" :total="50"></el-pagination>
                </div>
            </div>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogClose">取 消</el-button>
                <el-button type="primary" @click="alertopen">添加报价</el-button>
            </div>




        </el-dialog>

        <el-dialog
                title="产品详情"
                :visible.sync="dialogProductInfo"
                top="10vh"
                width="90%"
        >

            <el-tabs
                    class="tabs-table product-tabs"
                    type="border-card"
            >
                <el-tab-pane label="基本信息">
                    <el-row>
                        <el-col :span="21"
                        >
                            <el-row>
                                <el-col :span="4"
                                ><div class="span-lable">款号:</div>
                                    <div class="span-info">Eadt</div></el-col
                                >
                                <el-col :span="4"
                                ><div class="span-lable">物品名称:</div>
                                    <div class="span-info">豪华婚戒</div></el-col
                                >
                                <el-col :span="4"
                                ><div class="span-lable">物品类别:</div>
                                    <div class="span-info">戒指</div></el-col
                                >
                                <el-col :span="4"
                                ><div class="span-lable">规格尺寸/手寸:</div>
                                    <div class="span-info">48</div></el-col
                                >
                            </el-row>
                        </el-col><el-col :span="3">

                        <div class="span-lable">出货金额 :</div>
                        <div class="span-info">10000元</div>


                    </el-col>
                    </el-row>

                    <el-divider></el-divider>

                    <el-row>
                        <div @click="showTableZs = !showTableZs"
                             style="cursor:point"
                        >
                            <el-col :span="3"
                            ><div class="span-lable">主石:</div>
                                <div class="span-info">3种</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">总数量:</div>
                                <div class="span-info">10粒</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">总重量 :</div>
                                <div class="span-info">200.005克拉</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">主石总价 :</div>
                                <div class="span-info">50000元</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">总镶石费:</div>
                                <div class="span-info">2000元</div></el-col
                            >

                            <el-col :span="1" :offset="5"
                            >
                                <el-button type="text" icon="el-icon-view">查看</el-button>
                            </el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">小计 :</div>
                                <div class="span-info">52000元</div></el-col
                            >

                        </div>
                    </el-row>


                    <el-table
                            v-if="showTableZs"
                            ref="multipleTable"
                            stripe
                            :data="tableDataZs"
                            :show-summary="false"
                            border
                            show-summary
                            row-class-name="tableRow"
                            header-row-class-name="tableHeader"
                            :highlight-current-row="true"
                            style="width: 100%; border-top: 1px solid #c5c5c5"
                    >
                        <el-table-column
                                prop="id"
                                label="序号"
                                width="50"
                        ></el-table-column>
                        <el-table-column
                                prop="name"
                                label="主石"
                                sortable
                        ></el-table-column>
                        <el-table-column prop="kfgh" label="客户提供">
                        </el-table-column>
                        <el-table-column prop="smjz" label="声明价值">
                        </el-table-column>
                        <el-table-column prop="xz" label="形状"> </el-table-column>

                        <el-table-column prop="ys" label="色泽/颜色"></el-table-column>
                        <el-table-column
                                prop="jd"
                                label="净度"
                                width="50"
                        ></el-table-column>

                        <el-table-column prop="qg" label="切工"></el-table-column>
                        <el-table-column
                                prop="number"
                                label="数量"
                                width="50"
                        ></el-table-column>
                        <el-table-column
                                prop="ct"
                                label="CT（克拉重）"
                        ></el-table-column>

                        <el-table-column prop="zsdj" label="主石单价"></el-table-column>
                        <el-table-column prop="zszj" label="主石总价"></el-table-column>
                        <el-table-column prop="xsfdj" label="镶石费单价">
                        </el-table-column>
                        <el-table-column prop="xsfzj" label="镶石费总价">
                        </el-table-column>

                        <el-table-column
                                prop="price_sum"
                                label="总价"
                        ></el-table-column>
                    </el-table>
                    <el-divider></el-divider>

                    <el-row>
                        <div @click="showTableFs = !showTableFs"
                             style="cursor:point"
                        >
                            <el-col :span="3"
                            ><div class="span-lable">副石:</div>
                                <div class="span-info">3种</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">总数量:</div>
                                <div class="span-info">10粒</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">总重量 :</div>
                                <div class="span-info">200.005克拉</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">副石总价 :</div>
                                <div class="span-info">50000元</div></el-col
                            >

                            <el-col :span="3"
                            ><div class="span-lable">总镶石费:</div>
                                <div class="span-info">2000元</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">总配石费:</div>
                                <div class="span-info">2000元</div></el-col
                            >

                            <el-col :span="1" :offset="2"
                            >
                                <el-button type="text" icon="el-icon-view">查看</el-button>
                            </el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">小计 :</div>
                                <div class="span-info">52000元</div></el-col
                            >

                        </div>
                    </el-row>

                    <el-row
                    ><el-col :span:="24">
                        <el-table
                                v-if="showTableFs"
                                ref="multipleTable"
                                stripe
                                :data="tableDataFs"
                                :show-summary="false"
                                border
                                show-summary
                                row-class-name="tableRow"
                                header-row-class-name="tableHeader"
                                :highlight-current-row="true"
                                @row-dblclick="dialogClose"
                                style="width: 100%; border-top: 1px solid #c5c5c5"
                        >
                            <el-table-column
                                    prop="id"
                                    label="序号"
                                    width="50"
                            ></el-table-column>
                            <el-table-column
                                    prop="name"
                                    label="副石"
                                    sortable
                            ></el-table-column>
                            <el-table-column prop="kfgh" label="客户提供">
                            </el-table-column>
                            <el-table-column prop="xz" label="形状"> </el-table-column>

                            <el-table-column
                                    prop="ys"
                                    label="色泽/颜色"
                            ></el-table-column>
                            <el-table-column
                                    prop="jd"
                                    label="净度"
                                    width="80"
                            ></el-table-column>

                            <el-table-column prop="qg" label="切工"></el-table-column>
                            <el-table-column
                                    prop="number"
                                    label="数量"
                                    width="50"
                            ></el-table-column>
                            <el-table-column
                                    prop="ct"
                                    label="CT（克拉重）"
                            ></el-table-column>

                            <el-table-column
                                    prop="zsdj"
                                    label="副石单价"
                            ></el-table-column>
                            <el-table-column
                                    prop="zszj"
                                    label="副石总价"
                            ></el-table-column>
                            <el-table-column prop="psf" label="配石费"> </el-table-column>
                            <el-table-column prop="xsfdj" label="镶石费单价">
                            </el-table-column>
                            <el-table-column prop="xsfzj" label="镶石费总价">
                            </el-table-column>

                            <el-table-column
                                    prop="price_sum"
                                    label="总价"
                            ></el-table-column>
                        </el-table> </el-col
                    ></el-row>
                    <el-divider></el-divider>
                    <el-row>
                        <div @click="showTableJs = !showTableJs"
                             style="cursor:point"
                        >
                            <el-col :span="3"
                            ><div class="span-lable">金属:</div>
                                <div class="span-info">3种</div></el-col
                            >

                            <el-col :span="3"
                            ><div class="span-lable">总重量 :</div>
                                <div class="span-info">200.005克拉</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">金属总价 :</div>
                                <div class="span-info">50000元</div></el-col
                            >



                            <el-col :span="1"  :offset="11"
                            >
                                <el-button type="text" icon="el-icon-view">查看</el-button>
                            </el-col
                            >

                            <el-col :span="3"
                            ><div class="span-lable">小计 :</div>
                                <div class="span-info">52000元</div></el-col
                            >

                        </div>
                    </el-row>
                    <el-row
                    ><el-col :span:="24">
                        <el-table
                                v-if="showTableJs"
                                ref="multipleTable"
                                stripe
                                :data="tableDataJs"
                                :show-summary="false"
                                border
                                show-summary
                                row-class-name="tableRow"
                                header-row-class-name="tableHeader"
                                :highlight-current-row="true"
                                @row-dblclick="dialogClose"
                                style="width: 100%; border-top: 1px solid #c5c5c5;"
                        >
                            <el-table-column
                                    prop="id"
                                    label="序号"
                                    width="50"
                            ></el-table-column>
                            <el-table-column
                                    prop="name"
                                    label="金属"
                                    sortable
                            ></el-table-column>
                            <el-table-column prop="kfgh" label="客户提供">
                            </el-table-column>
                            <el-table-column prop="ssjj" label="实时金价（克）"></el-table-column>
                            <el-table-column prop="cs" label="成色"></el-table-column>
                            <el-table-column prop="dw" label="单位"></el-table-column>
                            <el-table-column
                                    prop="ys"
                                    label="色泽/颜色"
                            ></el-table-column>

                            <el-table-column prop="jjz" label="净金重（克）"></el-table-column>
                            <el-table-column prop="shl" label="损耗率%"></el-table-column>
                            <el-table-column prop="lhz" label="连耗重（克）"></el-table-column>
                            <el-table-column
                                    prop="gjszj"
                                    label="金属总价"
                            ></el-table-column>

                            <el-table-column
                                    prop="price_sum"
                                    label="总价"
                            ></el-table-column>
                        </el-table> </el-col
                    ></el-row>
                    <el-divider></el-divider>
                    <el-row>
                        <div @click="showTablePj = !showTablePj"
                             style="cursor:point"
                        >
                            <el-col :span="3"
                            ><div class="span-lable">配件:</div>
                                <div class="span-info">3种</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">总数量 :</div>
                                <div class="span-info">10件</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">总重量 :</div>
                                <div class="span-info">200.005克拉</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">总工费 :</div>
                                <div class="span-info">200.005克拉</div></el-col
                            >
                            <el-col :span="3"
                            ><div class="span-lable">配件总价 :</div>
                                <div class="span-info">50000元</div></el-col
                            >

                            <el-col :span="1"  :offset="5"
                            >
                                <el-button type="text" icon="el-icon-view">查看</el-button>
                            </el-col
                            >

                            <el-col :span="3"
                            ><div class="span-lable">小计 :</div>
                                <div class="span-info">52000元</div></el-col
                            >

                        </div>
                    </el-row>

                    <el-row
                    ><el-col :span:="24">
                        <el-table
                                v-if="showTablePj"
                                ref="multipleTable"
                                stripe
                                :data="tableDataPj"
                                :show-summary="false"
                                border
                                show-summary
                                row-class-name="tableRow"
                                header-row-class-name="tableHeader"
                                :highlight-current-row="true"
                                @row-dblclick="dialogClose"
                                style="width: 100%; border-top: 1px solid #c5c5c5"
                        >
                            <el-table-column
                                    prop="id"
                                    label="序号"
                                    width="50"
                            ></el-table-column>
                            <el-table-column
                                    prop="name"
                                    label="配件"
                                    sortable
                            ></el-table-column>
                            <el-table-column prop="kfgh" label="客户提供">
                            </el-table-column>
                            <el-table-column
                                    prop="namegjs"
                                    label="材质"
                                    sortable
                            ></el-table-column>
                            <el-table-column prop="jjfs" label="计价方式"></el-table-column>
                            <el-table-column prop="cs" label="成色%"></el-table-column>
                            <el-table-column prop="ys" label="颜色"></el-table-column>


                            <el-table-column prop="ggcc" label="规格尺寸"></el-table-column>
                            <el-table-column prop="number" label="数量"></el-table-column>
                            <el-table-column prop="hz" label="货重（克/件）"></el-table-column>
                            <el-table-column prop="zhz" label="总货重（克）"></el-table-column>
                            <el-table-column
                                    prop="pjdj"
                                    label="配件单价（克/件）"
                            ></el-table-column>
                            <el-table-column
                                    prop="pjzj"
                                    label="配件总价"
                            ></el-table-column>
                            <el-table-column
                                    prop="gfdj"
                                    label="工费单价（克/件）"
                            ></el-table-column>
                            <el-table-column
                                    prop="gfzj"
                                    label="工费总价"
                            ></el-table-column>
                            <el-table-column
                                    prop="price_sum"
                                    label="总价"
                            ></el-table-column>

                        </el-table> </el-col
                    ></el-row>
                    <el-divider></el-divider>
                    <el-row>
                        <el-col :span="18">
                            <el-row>
                                <el-col :span="4"
                                ><div class="span-lable">设计费:</div>
                                    <div class="span-info">1000元</div></el-col
                                >
                                <el-col :span="4"
                                ><div class="span-lable">起版费:</div>
                                    <div class="span-info">1000元</div></el-col
                                >
                                <el-col :span="4"
                                ><div class="span-lable">改版费:</div>
                                    <div class="span-info">1000元</div></el-col
                                >
                                <el-col :span="4"
                                ><div class="span-lable">基本工费:</div>
                                    <div class="span-info">1000元</div></el-col
                                >
                                <el-col :span="4"
                                ><div class="span-lable">加急费:</div>
                                    <div class="span-info">1000元</div
                                    ></el-col>
                                <el-col :span="4"
                                ><div class="span-lable">风险费:</div>
                                    <div class="span-info">1000元</div
                                    ></el-col>
                                <el-col :span="4"
                                ><div class="span-lable">证书费:</div>
                                    <div class="span-info">1000元</div
                                    ></el-col>
                                <el-col :span="4"
                                ><div class="span-lable">包装盒费:</div>
                                    <div class="span-info">1000元</div
                                    ></el-col>
                                <el-col :span="4"
                                ><div class="span-lable">物流费:</div>
                                    <div class="span-info">1000元</div
                                    ></el-col>
                                <el-col :span="4"
                                ><div class="span-lable">其它费用:</div>
                                    <div class="span-info">1000元</div
                                    ></el-col>
                                <el-col :span="4"
                                ><div class="span-lable">税率:</div>
                                    <div class="span-info">0.6%</div
                                    ></el-col>
                                <!-- <el-col :span="3"
                                  ><div class="span-lable">是否含税:</div>
                                  <div class="span-info">是</div
                                ></el-col> -->
                                <el-col :span="4"
                                ><div class="span-lable">税费:</div>
                                    <div class="span-info">1000元</div
                                    ></el-col>
                            </el-row></el-col>
                        <el-col :span="3" :offset="3"  ><div class="span-lable">小计:</div>
                            <div class="span-info">10000元</div
                            ></el-col>

                    </el-row>
                </el-tab-pane>
                <el-tab-pane label="图片/视频"> </el-tab-pane>
                <el-tab-pane label="产品信息"> </el-tab-pane>
                <el-tab-pane label="产品文案"> </el-tab-pane>
                <el-tab-pane label="订单记录"> </el-tab-pane>
            </el-tabs>


            <span slot="footer" class="dialog-footer">
            <el-button @click="dialogProductInfo = false">取 消</el-button>
            <el-button type="primary" @click="dialogProductInfo = false">确 定</el-button>
          </span>
        </el-dialog>

    </div>
</template>

<style scoped>
    .search-customer .el-dialog__body {
        padding-top: 10px;
    }

    .input-with-select.input-search1 .el-input__prefix {
        font-size: 35px;
        left: 190px;
        cursor: pointer;
    }

    .input-with-select.input-search1 .el-input__prefix .iconfont {
        font-size: 35px;
        font-weight: 200;
    }

    .input-with-select.input-search1 .el-input__prefix .iconfont:hover {
        color: cornflowerblue;
    }

    .input-with-select.input-search1 .el-input__inner {
        height: 47px;
        /* padding-left:15px;*/
    }

    .input-with-select.input-search1 .el-input-group__prepend {
        width: 100px;
        padding-left: 5px;
    }

    iconfont iconpaizhao1 .col-md-12 {
        display: block;
        overflow: hidden;
        background-color: #f5f5f5;
    }
</style>

<script>
  module.exports = {
    methods: {
      dialogAdd () {
        console.log(123)
        console.log(this.dialogCustomerGenji)
      },
      dialogClose () {
        this.$emit('dialog_close', 1)
      },
      openInfo () {
        console.log(222)
        this.dialogProductInfo = true
        console.log(this.dialogProductInfo)
      },
      clickfullscreen () {
        this.fullscreen = !this.fullscreen
      },
      submitForm () {
        this.$refs['elForm'].validate((valid) => {
          if (!valid) return
          // TODO 提交表单
        })
      },
      resetForm () {
        this.$refs['elForm'].resetFields()
      },
      alertopen () {
        this.$confirm('是否继续操作?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
        })
          .then(() => {
            this.$message({
              type: 'success',
              message: '操作成功!',
            })
          })
          .catch(() => {
            this.$message({
              type: 'info',
              message: '已取消',
            })
          })
      },

      //跟进
      dialog_close_genjin_add(val) {
        console.log(val);
        this.dialogGenjiAdd = false;
      },
      //跟进
      dialog_close_customer_edit(val) {
        console.log(val);
        this.dialogCustomerEdit = false;
      },
      handleButtons(val) {
        console.log(2222);
        switch (val) {
          case 1:
            this.dialogSendMessage = "true";
            console.log(this.dialogSendMessage);
            break;

          case 10:
            console.log(333);
            this.dialogCustomerInfo = "false";
            this.dialogGenjiAdd = "true";
            console.log(this.dialogGenjiAdd);
            break;
        }
      },

    },
    props: ['dialogshow'],
    data () {
      return {
        showTableZs: false,
        showTableFs: false,
        showTableJs: false,
        showTablePj: false,

        activeName: "first",
        dialogSendMessage: false,
        dialogCustomerInfo: false,
        dialogGenjiAdd: false,
        // dialogshow:false,
        tableDataZs: [
          {
            id: "1",
            name: "钻石",
            smjz: "20000",
            number: "1",
            ys: "D",
            jd: "FL",
            ct: "1231",
            xz: "公主方",
            qg: "完美",
            kfgh: "否",
            xsfdj: "100",
            xsfzj: "100",
            zsdj: "10000",
            zszj: "20000",
            price_sum: "10000",
          },
          {
            id: "2",
            name: "钻石",
            smjz: "40000",
            number: "1",
            ys: "D",
            jd: "FL",
            ct: "1231",
            xz: "圆形",
            qg: "一般",
            kfgh: "是",
            xsfdj: "100",
            xsfzj: "100",
            zsdj: "10000",
            zszj: "20000",
            price_sum: "10000",
          },
          {
            id: "3",
            name: "钻石",
            smjz: "50000",
            number: "1",
            ys: "D",
            jd: "FL",
            ct: "1231",
            xz: "公主方",
            qg: "完美",
            kfgh: "是",
            xsfdj: "100",
            xsfzj: "100",
            zsdj: "10000",
            zszj: "20000",
            price_sum: "10000",
          },
          {
            id: "4",
            name: "钻石",
            smjz: "20000",
            number: "1",
            ys: "D",
            jd: "FL",
            ct: "1231",
            xz: "公主方",
            qg: "完美",
            kfgh: "是",
            xsfdj: "100",
            xsfzj: "100",
            zsdj: "10000",
            zszj: "20000",
            price_sum: "10000",
          },
        ],
        tableDataFs: [
          {
            id: "1",
            name: "钻石",
            smjz: "20000",
            number: "1",
            ys: "D",
            jd: "FL",
            ct: "1231",
            xz: "公主方",
            qg: "完美",
            kfgh: "否",
            psf: "120",
            xsfdj: "100",
            xsfzj: "100",
            zsdj: "10000",
            zszj: "20000",
            price_sum: "10000",
          },
          {
            id: "2",
            name: "红宝石",
            smjz: "40000",
            number: "1",
            ys: "D",
            jd: "FL",
            ct: "5.005",
            xz: "圆形",
            qg: "一般",
            kfgh: "是",
            psf: "120",
            xsfdj: "100",
            xsfzj: "100",
            zsdj: "10000",
            zszj: "20000",
            price_sum: "10000",
          },
          {
            id: "3",
            name: "钻石",
            smjz: "50000",
            number: "2",
            ys: "D",
            jd: "FL",
            ct: "1",
            xz: "公主方",
            qg: "完美",
            kfgh: "是",
            psf: "130",
            xsfdj: "100",
            xsfzj: "100",
            zsdj: "10000",
            zszj: "20000",
            price_sum: "10000",
          },
          {
            id: "4",
            name: "钻石",
            smjz: "20000",
            number: "1",
            ys: "D",
            jd: "FL",
            ct: "1231",
            xz: "公主方",
            qg: "完美",
            kfgh: "是",
            psf: "150",
            xsfdj: "100",
            xsfzj: "100",
            zsdj: "10000",
            zszj: "20000",
            price_sum: "10000",
          },
        ],
        tableDataJs: [
          {
            id: "1",
            name: "黄金",
            kfgh: "否",
            cs: "99%",
            ys: "黄",
            jjz: "121",
            ssjj: "10000",
            shl: "3",
            lhz: "4",
            gjszj: "20000",
            price_sum: "10000",
          },
          {
            id: "2",
            name: "铂金",
            kfgh: "是",
            cs: "99%",
            ys: "白",
            jjz: "1231",
            ssjj: "10000",
            shl: "3",
            lhz: "4",
            gjszj: "20000",
            price_sum: "10000",
          },
          {
            id: "3",
            name: "铂金",
            kfgh: "是",
            cs: "99%",
            ys: "白",
            jjz: "1231",
            ssjj: "10000",
            shl: "3",
            lhz: "4",
            gjszj: "20000",
            price_sum: "10000",
          },
        ],
        tableDataPj: [
          {
            id: "1",
            name: "配件1",
            namegjs: "黄金",
            kfgh: "否",
            cs: "99%",
            ys: "黄",
            jjz: "1231",
            gfdj: "234",
            gfzj: "444",
            gjsdj: "10000",
            gjszj: "20000",
            price_sum: "10000",
          },
          {
            id: "2",
            name: "配件2",
            namegjs: "铂金",
            kfgh: "是",
            cs: "99%",
            ys: "白",
            jjz: "1231",
            gjsdj: "10000",
            gjszj: "20000",
            price_sum: "10000",
          },
          {
            id: "3",
            name: "配件3",
            namegjs: "铂金",
            kfgh: "是",
            cs: "99%",
            ys: "白",
            jjz: "1231",
            gjsdj: "10000",
            gjszj: "20000",
            price_sum: "10000",
          },
        ],


        searchType: '',
        dialogProductInfo: false,
        inputSearch1: '',
        selectsearch1: '',
        formData: {
          field108: '黄先生(业务联系人1)',
          field114: undefined,
          field110: undefined,
          field111: undefined,
          field113: null,
          field115: null,
          field116: null,
        },
        rules: {
          field108: [
            {
              required: true,
              message: '请选择业务联系人',
              trigger: 'blur',
            },
          ],
          field114: [
            {
              required: true,
              message: '请选择分类',
              trigger: 'change',
            },
          ],
          field110: [
            {
              required: true,
              message: '请至少选择一个跟进类型',
              trigger: 'change',
            },
          ],
          field111: [
            {
              required: true,
              message: '请输入跟进情况',
              trigger: 'blur',
            },
          ],
          // field113: [{
          //   required: true,
          //   message: '请选择下次跟进',
          //   trigger: 'change'
          // }],
        },

        dialogChangeGenji: false,
        fullscreen: false,
        Sendmssages: {
          address: '',
          customercate: '',
          cate: '',
          nickname: '',
          creditrank: '',
          name: '',
        },
        tableData: [
          {
            id: '1',
            create_time: '2016-05-02 08:08:08',
            update_time: '2016-05-02 08:08:08',
            image: '/public/images/eh1.jpg',
            kfmc: '某珠宝公司',
            price: 20000,
            kflxr: '王先生',
            wpmc: '戒指',
            spzt: '审批中',
            wppl: '戒指',
            kh: 'WERWQE123',
            wpdj: 'A类',
            dw: '件',
            gjsp: '铂金999.99%',
            fsys: '红',
          },
          {
            id: '2',
            create_time: '2016-05-02 08:08:08',
            update_time: '2016-05-02 08:08:08',
            image: '/public/images/eh1.jpg',
            price: 30000,
            kfmc: '某珠宝公司',
            kflxr: '王先生',
            wpmc: '戒指',
            spzt: '审批中',
            wppl: '戒指',
            kh: 'WERWQE123',
            wpdj: 'A类',
            dw: '件',
            gjsp: '铂金999.99%',
            fsys: '红',
          },
          {
            id: '3',
            create_time: '2016-05-02 08:08:08',
            update_time: '2016-05-02 08:08:08',
            image: '/public/images/eh1.jpg',
            kfmc: '某珠宝公司',
            kflxr: '王先生',
            wpmc: '戒指',
            spzt: '审批中',
            wppl: '戒指',
            kh: 'WERWQE123',
            wpdj: 'A类',
            dw: '件',
            gjsp: '铂金999.99%',
            fsys: '红',
          },
          {
            id: '4',
          },
          {
            id: '5',
          },
        ],
      }
    },
    components: {
      'dialog-tools': 'url:../tools/dialog-tools.vue',
      'dialog-product-Info': 'url:./product-info.vue',
    },
  }
</script>
